<template>
	<view>
		<view class="">
			<text>测试身份</text>
		</view>
		<!-- 翻滚效果 -->
		<view v-if="tabBarType == 1 ">
			<at-tab-roll :fixed-bottom="false"></at-tab-roll>
		</view>

		<!-- 凸起效果 -->
		<view v-if="tabBarType == 2 ">
			<at-tab-bulge :fixed-bottom="false"></at-tab-bulge>
		</view>

		<!-- 冒泡效果 -->
		<view v-if="tabBarType == 3 ">
			<at-tab-bubble :fixed-bottom="false"></at-tab-bubble>
		</view>

		<!-- 窗帘效果 -->
		<view v-if="tabBarType == 4 ">
			<at-tab-curtain :fixed-bottom="false"></at-tab-curtain>
		</view>

		<!-- 翻转效果 -->
		<view v-if="tabBarType == 5 ">
			<at-tab-overturn :fixed-bottom="false"></at-tab-overturn>
		</view>
	</view>
</template>

<script>
	import tabBarRoll from "../../components/at-tabBar/tab-bar-roll.vue" // 翻滚切换方式
	import tabBarBulge from "../../components/at-tabBar/tab-bar-bulge.vue" // 凸起切换方式
	import tabBarBubble from "../../components/at-tabBar/tab-bar-bubble.vue" // 冒泡切换方式
	import tabBarCurtain from "../../components/at-tabBar/tab-bar-curtain.vue" // 窗帘切换方式
	import tabBarOverturn from "../../components/at-tabBar/tab-bar-overturn.vue" // 翻转切换方式
	export default {
		components: {
			"at-tab-roll": tabBarRoll,
			"at-tab-bulge": tabBarBulge,
			"at-tab-bubble": tabBarBubble,
			"at-tab-curtain": tabBarCurtain,
			"at-tab-overturn": tabBarOverturn
		},
		data() {
			return {
				tabBarType: 1,  // tabbar类型依次是 (引入方式顺序)
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>

</style>